<style lang="scss">
  @import "../../styles/base";

  page {
    background-color: #f5f5f5;
  }
  .container {
    position: relative;
  }
  .bg {
    width: pxToRem(1125);
    height: pxToRem(2064);
  }
  .btn-video {
    @include middle-center-x();
    bottom: pxToRem(260);
    width: pxToRem(340);
    height: pxToRem(55);
  }
  .btn-config {
    @include middle-center-x();
    bottom: pxToRem(60);
    width: pxToRem(890);
    height: pxToRem(118);
  }
</style>
<template>
  <div class="container">
    <img class="bg" src="https://image.watsons.com.cn//upload/3b84bd24.jpg">
    <div class="btn-video" @click="toVideo"></div>
    <div class="btn-config" @click="toConfig"></div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        isIphoneX: /iPhone X/.test(App.systemInfo.model),
        isIos: /iOS/.test(App.systemInfo.system),
        showPassword: true,
        dataForm: {
          ssid: '',
        }
      }
    },
    components: {},
    methods: {
      toVideo(){
        const url = /iOS/.test(App.systemInfo.system) ? 'https://mp.weixin.qq.com/s/c3s4l94gXSiJrSWIkpflDQ' : 'https://mp.weixin.qq.com/s/XH_nJ4n2CvhPTAvJp2NnDg';
        wx.navigateTo({
          url: '/pages/webview/main?link=' + encodeURIComponent(url)
        })
      },
      toConfig(){
        wx.navigateTo({
          url: '/pages/network/main'
        })
      },
    },
    onHide() {

    },
    async onShow() {

    },
  }
</script>
